;
! function() {
    //Top切换效果
    const $btnL = $('.btn3');
    const $btnR = $('.btn4');
    const $btnleft = $('.btn1');
    const $btnright = $('.btn2');
    const $oUl = $('.slick-track .track');
    $btnL.on('click', function() {
        $oUl.animate({
            left: 0,
        }, 400);
        $btnL.addClass('active').siblings().removeClass('active');
    });
    $btnR.on('click', function() {
        if ($oUl.offset().left === 351.5) {
            $oUl.animate({
                left: -205,
            }, 400);
            $btnR.addClass('active').siblings().removeClass('active');
        }
    });

    $btnleft.on('click', function() {
        //if($oUl.offset().left === 146.5){}
        $oUl.animate({
            left: 0,
        }, 400);
        $btnL.addClass('active').siblings().removeClass('active');
    });

    $btnright.on('click', function() {
        if ($oUl.offset().left === 351.5) {
            $oUl.animate({
                left: -205,
            }, 400);
            $btnR.addClass('active').siblings().removeClass('active');
        } else if ($oUl.offset().left < 351.5) {
            $oUl.animate({
                left: -1025,
            }, 400);

        } else {
            $oUl.animate({
                left: 0,
            }, 400);
        }
    });
}(jQuery);

! function() {
    //tab效果
    const $MX = $('.TopBox ol .mingxing');
    const $SP = $('.TopBox ol .shangpin');
    const $star = $('.TopBox #star');
    const $goods = $('.TopBox #goods');
    $MX.on('click', function() {
        $star.show();
        $goods.hide();
    });
    $SP.on('click', function() {
        $star.hide();
        $goods.show();
    });
}(jQuery);


! function() {
    //手风琴效果
    const $oLi = $('.goodsBox  ul .clearfix');
    $oLi.on('mouseover', function() {
        $(this).animate({
            height: 131,
        }, 0).addClass('movein').siblings().animate({
            height: 71,
        }, 0).removeClass('movein');
    });
}(jQuery);

! function() {
    //楼梯效果
    const $oLi = $('.main-slid ul li');
    const $slid = $('.main-slid ul');
    const $lou = $('.louceng');
    const $icon = $('.main-slid .iconfont');

    //活动，楼梯变化
    $(window).on('scroll', function() {
        if ($(window).scrollTop() >= 500) {
            $slid.show();
        } else {
            $slid.hide();
        }
        $lou.each(function(index, value) {
            let $loutop = $lou.eq(index).offset().top + 100;
            if ($loutop >= $(window).scrollTop()) {
                $oLi.not('.iconfont').removeClass('tive');
                $oLi.not('.iconfont').eq(index).addClass('tive');
                return false; //执行一次，阻止一次
            }
        });
    });

    //点击到具体的每个楼层
    $oLi.not('.iconfont').on('click', function() {
        $(this).not('.iconfont').addClass('tive').siblings().removeClass('tive');
        let $top = $lou.eq($(this).index()).offset().top;
        $('html,body').animate({
            scrollTop: $top,
        });
    });

    //点击回到顶部
    $icon.on('click', function() {
        $('html,body').animate({
            scrollTop: 0,
        }, 1000);
    });
}(jQuery);


!(function() {
    //幻灯片
    class Lunbo {
        constructor() {
            this.banner = $('.banner');
            this.oLi = $('.slider');
            this.li = $('.slider>li');
            this.oList = $('.slide_nav>ul>li');
            this.left = $('.btn .left');
            this.right = $('.btn .right');
            this.num = 0;
            this.timer = null;
        }
        init() {
            this.liwidth = this.li.eq(0).width();
            let _this = this;
            let $first = this.li.first().clone();
            let $last = this.li.last().clone();
            this.oLi.prepend($last);
            this.oLi.append($first);

            //点击小列表运动
            this.oList.on('mouseover', function() {
                _this.num = $(this).index();
                _this.move(_this.num);
                _this.oList.eq(_this.num).addClass('listactive').siblings().removeClass('listactive');
            });

            //显示左右箭头
            this.banner.hover(function() {
                $('.btn .left').show();
                $('.btn .right').show()
                clearInterval(_this.timer);
            }, function() {
                $('.btn .left').hide();
                $('.btn .right').hide()
                _this.auto();
            });

            //右箭头点击
            this.right.on('click', function() {
                _this.num++;
                if (_this.num === _this.oList.length) {
                    _this.oList.eq(0).addClass('listactive').siblings().removeClass('listactive');
                } else {
                    _this.oList.eq(_this.num).addClass('listactive').siblings().removeClass('listactive');
                }
                _this.move(_this.num);
            });

            //左箭头点击
            this.left.on('click', function() {
                _this.num--;
                _this.oList.eq(_this.num).addClass('listactive').siblings().removeClass('listactive');
                _this.move(_this.num);
            });
            this.auto();
        }

        //自动轮播
        auto() {
            let _this = this;
            this.timer = setInterval(function() {
                _this.right.click();
            }, 3000);
        }

        //运动
        move(index) {
            let _this = this;
            this.oLi.animate({
                left: -(this.num + 1) * this.liwidth
            }, 1000, function() {
                if (_this.num === _this.oList.length) {
                    _this.oLi.css('left', -_this.liwidth);
                    _this.num = 0;
                }
                if (_this.num === -1) {
                    _this.oLi.css('left', -_this.liwidth * _this.oList.length - 1);
                    _this.num = _this.oList.length - 1;
                }
            });
        }
    }
    new Lunbo().init();
})(jQuery);

!(function() {
    const $YHXM = $('.login .YHXM');
    const $Exit = $('.login .exit');
    const $GWC = $('.login .GWC');
    //getcookie('name');
    if (getcookie('name')) {
        $YHXM.html(getcookie('name'));
        $Exit.html('退出');
    }

    $Exit.on('click', function() {
        alert('是否要退出当前账户');
        delcookie('name');
        delcookie('cookiesid');
        delcookie('cookienum');
        window.location.href = 'http://10.31.158.42/javascript/projectname/src/head.html';
        $Exit.html('');
    });

    $GWC.on('click', function() {
        if (getcookie('name')) {
            $('.login .GWC').attr('href', 'http://10.31.158.42/javascript/projectname/src/cart.html');
        } else {
            alert('请登录账户');
        }
    });
})(jQuery);